<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>导调端-开始演示</title>
<link rel="stylesheet" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/reset-min.css" />
<link rel="stylesheet" type="text/css" href="css/indexBegin.css" />
</head>

<body>
	<div class="dispatch">
		<div class="dispatch_top">
			<img src="img/top_bg.png" />
		</div>
		<div class="topNav">
			<div class="left">
				<ul class="topUl">
					<li><img src="img/logoSm.png" /></li>
					<li class="fenge"></li>
					<li>大面积停电应急推演系统</li>
					<li class="fenge"></li>
					<li>
						<p id="cName"></p>
					</li>
				</ul>
			</div>
			<div class="right">
				<ul class="userUl">
					<li><select name="" class="selectRole">
							<option value="">演练</option>
							<option value="">培训</option>
					</select></li>
					<li id="userName">
						<div class="userName">
						<span id = "roleName"></span> ： <span id="login_name"></span>
							<div class="Signout">
								<i></i> <em class="borderB"><a href="javascript:viod(0)"
									id="scheme_gl">方案管理</a></em> <em><a href="javascript:viod(0)"
									id="logout_obt">退出系统</a></em>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="dispatchLeft">
			<ul class="leftUl">
				<li id="eventFlow"><img src="img/icon06.png" />
					<p>事件流</p></li>
				<li id="videoShow"><img src="img/icon01.png" />
					<p>演练视频</p></li>
				<li id="newShow"><img src="img/icon02.png" />
					<p>信息</p></li>
				<li id="responsive"><span id="getquestions"><img
						src="img/icon07.png" />
						<p>综合响应区</p></span></li>
				<li id="message"><img src="img/icon04.png" />
					<p>通讯</p></li>
				<li id="userMonitoring"><span id="look_up"><img
						src="img/icon08.png" />
						<p>用户监控</p></span></li>
			</ul>
		</div>

		<div class="showContent">

			<div class="eventFlow">
				<h2 class="title">
					<i>事件流</i><span class="close"></span>
				</h2>
				<div class="content">
					<ul id="events_list">
						<!-- <li>
								<a href="">1、背景介绍</a>
							</li>
							<li>
								<a href="">2、初期响应</a>
							</li>
							<li>
								<a href="">3、综合响应</a>
							</li>
							<li>
								<a href="">4、控制恢复</a>
							</li> -->
					</ul>
				</div>
			</div>

			<div class="videoShow">
				<h2 class="title">
					<i id="videoName"></i><span class="close"></span>
				</h2>
				<video src="" controls="controls" id="event_video"  onplaying="video.monitoring()" onplay="video.play()"> 您的浏览器不支持
					video 标签。
				</video>
			</div>

			<div class="responsive">
					<h2 class="title">
						<div class="titL">
							<p>综合响应区</p>
							<div>
								<span class="time1" id="un_answer"><em></em></span>
								<span class="time1"  >行动策划数量：<em id="un_shulian"></em></span>
							</div>
						</div>
						<div class="leaseFresh">
							<div class="Release" id="addDiscuss"><span></span>添加</div>
							<div class="Refresh" onclick="questions.refresh('1')"><span></span>刷新</div>
						</div>
						<div class="titR">
							<span class="enlarge2"></span>
							<span class="enlarge22"></span>
							<span class="narrow2"></span>
						</div>
					</h2>
					<ul class="tableUl">
						<li class="active" id="tab1">
							<a href="javascript:;">讨论题发布</a>
						</li>
						<li id="tab2">
							<a href="javascript:;">研讨结果</a>
						</li>
						<li id="tab3">
							<a href="javascript:;">期望行动</a>
						</li>
						<li id="tab4">
							<a href="javascript:;">任务</a>
						</li>
						<li id="tab5">
							<a href="javascript:;">行动策划</a>
						</li>
						<li id="tab6">
							<a href="javascript:;">资源查询</a>
						</li>
						<li id="tab7">
							<a href="javascript:;">资源申请状态</a>
						</li>
					</ul>
					<div class="content">
						<div style="max-height: 307px;overflow-y: scroll;display: block;">
							<table class="newTable" id="questions">
								<!-- <tr>
									<th>序号</th>
									<th>讨论题</th>
									<th>适用范围</th>
									<th>参考结果</th>
									<th>出题人</th>
									<th>发布操作</th>
								</tr>
								<tr>
									<td>1</td>
									<td>【安质部】【6-1】向国网公司总部以及政府部门</td>
									<td>地震大面积修电</td>
									<td>无</td>
									<td>editor01</td>
									<td><span class="operation" id="fabu"></span></td>
								</tr> -->
								
							</table>
						</div>
						
						<div style="max-height: 307px;overflow-y: scroll;display: none;">
							<table class="newTable" id="answer_q">
								<!-- <tr>
									<th>序号</th>
									<th>讨论题</th>
									<th>回答对象</th>
									<th>参考结果</th>
									<th>提交时间</th>
								</tr>
								<tr>
									<td></td>
									<td></td>
									<td></td>
									<td></td>
									<td></td>
								</tr> -->
							</table>
						</div>
						
						<div style="max-height: 307px;overflow-y: scroll;display: none;">
							<table class="newTable">
								<tr>
									<th>序号3</th>
									<th>讨论题3</th>
									<th>适用范围3</th>
									<th>参考结果3</th>
								</tr>
								<tr>
									<td></td>
									<td></td>
									<td></td>
									<td></td>
								</tr>
							</table>
						</div>
						
						<div style="max-height: 307px;overflow-y: scroll;display: none;">
							<table class="newTable">
								<tr>
									<th>序号4</th>
									<th>讨论题4</th>
									<th>适用范围4</th>
									<th>参考结果4</th>
								</tr>
								<tr>
									<td></td>
									<td></td>
									<td></td>
									<td></td>
								</tr>
							</table>
						</div>
						
						<div style="max-height: 307px;overflow-y: scroll;display: none;">
							<table class="newTable" id = "shceme">
								<tr>
									<th>序号5</th>
									<th>讨论题5</th>
									<th>适用范围5</th>
									<th>参考结果5</th>
								</tr>
								<!-- <tr>
									<td></td>
									<td></td>
									<td></td>
									<td></td>
								</tr> -->
							</table>
						</div>
						
						<div style="max-height: 307px;overflow-y: scroll;display: none;">
							<table class="newTable">
								<tr>
									<th>序号6</th>
									<th>讨论题6</th>
									<th>适用范围6</th>
									<th>参考结果6</th>
								</tr>
								<tr>
									<td></td>
									<td></td>
									<td></td>
									<td></td>
								</tr>
							</table>
						</div>
						
						<div style="max-height: 307px;overflow-y: scroll;display: none;">
							<table class="newTable">
								<tr>
									<th>序号7</th>
									<th>讨论题7</th>
									<th>适用范围7</th>
									<th>参考结果7</th>
								</tr>
								<tr>
									<td></td>
									<td></td>
									<td></td>
									<td></td>
								</tr>
							</table>
						</div>
					</div>
				</div>

			<div class="newShow">
					<h2 class="title">
						<div class="titL">
							<p>消息条</p>
							<div>
								<span class="time1" id="ceventHappenTime"></span>
								<br>
								<span class="time1" id="current_time"></span>
							</div>
							<div class="seleInpu">
								<select id="condition"  onchange="messages.searchMessage()">
								<option value="0">请选择消息队列</option>
								<option value="1">消息编号</option>
								<option value="2">接收者</option>
								<option value="3">消息内容</option>
								<option value="4">发送时间</option>
							</select> <input type="text" name="" id="condition_str" value="" onchange="messages.searchMessage()";/>
							<button class="clearAll" id="clearAll">清空</button>
							<div id="temporaryAdd">
								<span></span>新增
							</div>
							</div>
						</div>
						<div class="titR">
							<span class="enlarge"></span>
							<span class="enlarge00"></span>
							<span class="narrow"></span>
						</div>
					</h2>
					<div class="content">
						<div style="max-height: 340px;overflow-y: scroll;">
							<table class="newTable" id="messageList">
								 <tr>
									<th>序号</th>
									<th>消息编号</th>
									<th>接受者</th>
									<th>消息内容</th>
									<th>发送时间</th>
									<th>查看详情</th>
									<th>发送状态</th>
								</tr>
								<tr>
									<td>1</td>
									<td>03001</td>
									<td>安质部01</td>
									<td>【3】220千伏输电线路停运12条，500千伏雅安变电站2号母线失电</td>
									<td>2010/04/20 08:15</td>
									<td id="seeDetail"><span class="seeDetail"></span></td>
									<td><span class="stateNo"></span></td>
								</tr> 
								
							</table>
						</div>
					</div>
				</div>

			<div class="message">
				<h2 class="title">
					<div class="titL">
						<p>通讯功能</p>
					</div>
					<div class="leaseFresh">
						<div class="user1">
							<span></span>用户
						</div>
						<div class="Refresh">
							<span></span>刷新
						</div>
					</div>
					<div class="titR">
						<span class="enlarge3"></span> <span class="enlarge33"></span> <span
							class="narrow3"></span>
					</div>
				</h2>
				<div class="content">
					<div class="inputnewL">
						<div class="messAll" id="messAll" style="overflow:auto;">
								<!-- <p class="red">导调对我说：<span class="color000">阿萨德开奖号爱玩客的那我看上的</span></p> -->
								<!-- <p class="red">导调对我说：<span class="color000">阿萨德开奖号爱玩客的那我看上的</span></p>
								<p class="red">导调对我说：<span class="color000">阿萨德开奖号爱玩客的那我看上的</span></p>
								<p class="red">导调对我说：<span class="color000">阿萨德开奖号爱玩客的那我看上的</span></p> -->
							</div>
						<textarea name="" rows="" cols="" class="messInput" id="content_c"
							placeholder="请在此输入内容（最多可输入200字符）"></textarea>
						<div class="fasong">
							<button id="sned_c">发送</button>
						</div>
					</div>
					<div class="inputnewR">
						<ul class="box"   id="userList_c" style="width:90%;height:90%;overflow:auto;">
							<div class="boxTitle">请选择用户</div>
							<!-- <li class="current"><span>总经理</span>
								<ul>
									<li><a href="javascript:;">小王</a></li>
									<li><a href="javascript:;">张强</a></li>
									<li><a href="javascript:;">赵丽</a></li>
								</ul></li>
							<li><span>运检部</span>
								<ul>
									<li><a href="javascript:;">王二麻子</a></li>
									<li><a href="javascript:;">赵四</a></li>
									<li><a href="javascript:;">刘能</a></li>
								</ul></li>
							<li><span>国调中心</span>
								<ul>
									<li><a href="javascript:;">美女</a></li>
									<li><a href="javascript:;">帅哥</a></li>
									<li><a href="javascript:;">明星</a></li>
								</ul></li> -->
						</ul>
					</div>
				</div>
			</div>

			<div class="userMonitoring">
				<h2 class="title">
					<div class="titL">
						<p>用户监控</p>
					</div>
					<div class="leaseFresh">
						<div class="Refresh" id="Refreshs">
							<span></span>刷新
						</div>
					</div>
					<div class="titR">
						<span class="narrow4"></span>
					</div>
				</h2>
				<div class="content">
					<div class="MonitoringTop">
						<div class="LL">演练室名称：</div>
						<div class="RR">
							<span></span>清除所有用户
						</div>
						<input type="text" id="yy_name" placeholder="地震大面积停电演练20161025" name=""
							value="" />
					</div>
					<div class="listOne">
						<p>未进入演练室用户列表：</p>
						<ul class="userList" id="user_list" >
							 	<!-- <li><span></span>【用户】 安质部01</li>
							 	<li><span></span>【用户】 安质部01</li>
								<li><span></span>【用户】 安质部01</li>
								<li><span></span>【用户】 安质部01</li>
								<li><span></span>【用户】 安质部01</li>
								<li><span></span>【用户】 安质部01</li>
								<li><span></span>【用户】 安质部01</li> -->
						</ul>
					</div>
					<div class="listOne">
						<p>本演练室内用户列表：</p>
						<ul class="userList Speakerl" id="user_bat">
							<!-- <li class="Speaker"><span></span></li> -->
						</ul>
						<ul class="userList" id="user_add">
							<!-- <li><span></span>【用户】 安质部01</li>
							<li><span></span>【用户】 安质部01</li>
							<li><span></span>【用户】 安质部01</li>
							<li><span></span>【用户】 安质部01</li>
							<li><span></span>【用户】 安质部01</li>
							<li><span></span>【用户】 安质部01</li>
							<li><span></span>【用户】 安质部01</li> -->
						</ul>
					</div>
				</div>
			</div>

		</div>
	</div>

	<!--弹框部分-->
	<!--消息查看详情弹框-->
	<div class="detailPop">
		<div class="cen">
			<h2 class="title">
				<i>消息条详细信息</i><span class="close"></span>
			</h2>
			<div class="content">
				<ul class="newDetailul">
					<li>所属事件：<span id="ceventName"></span></li>
					<li>消息编号：<span id="ecdEventMessageId"></span></li>
					<li>发送方式：<span id="ecdEventMessageSendTypeId"></span></li>
					<li>发 送 者：<span id="ecdEventMessageSender"></span></li>
					<li>发送时间：<span id="ecdEventMessageSendTime"></span></li>
					<li>发送状态：<span id="ecdEventMessageIsSended"></span></li>
				</ul>
				<div>
					<p>消息内容：</p>
					<textarea name="" rows="" cols="" id="ceventDescription" readonly="readonly"
						placeholder=""></textarea>
				</div>
				<div>
					<p>消息附件：</p>
					<input type="text" name="" id="" value="" />
				</div>
			</div>
		</div>
	</div>

	<!--添加临时消息条面板-->
	<div class="temporaryAddPop">
		<div class="cen">
			<h2 class="title">
				<i>添加临时消息</i><span class="close"></span>
			</h2>
			<div class="content">
				<div class="left">
					<ul class="shijian">
						<li>
							<p>
								所属事件：<span id="eventname"></span>
							</p>
							<p>
								发送序号：<span>LS</span>
							</p> <input type="tel" name="" id="sendorder" value=""  onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/>
						</li>
						<li>
							<p>发送方式：</p> <select name="" id="sendtypeid">
								<option value="10">网络通知</option>
								<option value="20">手机通知</option>
								<option value="30">电话通知</option>
						</select>
						</li>
						<li>
							<p>发送时间：</p> <input type="datetime-local" name="" id="sendtime" value="" />
						</li>
						<li>
							<p>消息附件：</p> <input type="text" name="" id = "upladName" value=""
							style="width: 77%;" />
							<button class="uploadBtn" id="refihe" >上传附件</button>
						</li>
						<li>
							<p>消息内容：</p> <textarea name="" rows="" cols="" id="text"
								placeholder="请在此输入消息内容，最多可输入200个字符……"></textarea>
						</li>
					</ul>
				</div>
				<div class="right">
					<ul class="sender">
						<li>
							<p>发送方：</p> <textarea name="" rows="" cols="" id="sender"
								placeholder="请输入发送方名称"></textarea>
						</li>
						<li>
							<p>接收方：</p>
							<div class="selectUser">
								<ul class="box"  id="userList_message" style="width:90%;height:90%;overflow:auto;">
									<div class="boxTitle">请选择用户</div>
									<!-- <li class="current"><span>总经理</span>
										<ul>
											<li><a href="javascript:;">小王</a></li>
											<li><a href="javascript:;">张强</a></li>
											<li><a href="javascript:;">赵丽</a></li>
										</ul></li>
									<li><span>运检部</span>
										<ul>
											<li><a href="javascript:;">王二麻子</a></li>
											<li><a href="javascript:;">赵四</a></li>
											<li><a href="javascript:;">刘能</a></li>
										</ul></li>
									<li><span>国调中心</span>
										<ul>
											<li><a href="javascript:;">美女</a></li>
											<li><a href="javascript:;">帅哥</a></li>
											<li><a href="javascript:;">明星</a></li>
										</ul></li>  -->
								</ul>
							</div>

						</li>
					</ul>
				</div>
			</div>
			<div class="btn_wrap">
				<div class="button">
					<a href="#" class="link2" id="addMessage">提交</a> <a href="#" class="link close">取消</a>
				</div>
			</div>
		</div>
	</div>

	<!--上传文件-->
	<div class="uploadPop">
		<div class="cen">
			<h2 class="title">
				<i>上传文件</i><span class="close"></span>
			</h2>
			<div class="content">
				<div class="object">
					<p class="tit">
						文件接收对象：<span>所有</span>
					</p>
					<iframe name="fileUpload" height="0" width="0"></iframe>
					<form action="http://103.37.166.4:7777/flexUpDownLoad03/fileUploadServlet" method="post" enctype="multipart/form-data" name="fileForm" target="fileUpload" charset="utf-8">
    				
    				<input type="file" class="fileInput" name="fileInput"  id = "uploadtest" value="" > 
    				
    				<input name="up" type="submit" value="上传" onclick="insertTitle(this);cleanFile()" style=" height: 30px; width: 50px;color: #da0a1c;background-color: #86d6e8;">
    			<!-- 	<input type="submit" value="提交" style=" height: 30px; width: 50px;color: #da0a1c;background-color: #86d6e8;"> -->  
    				<!-- <input type="file" size="30" class="fileInput" name="fileInput" />
    				<input name="up" type="submit" value="上传" style=" height: 30px; width: 50px;color: #da0a1c;background-color: #86d6e8;"> -->
   				</form>
					<table class="uploadTable" id="mytable" border="1">
						<tr>
							<th>文件名称</th>
							<th>文件格式</th>
							<th>文件大小</th>
						</tr>
					 	<!-- <tr>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
						</tr> -->
					</table>
				</div>
			</div>
			<div class="btn_wrap">
				<div class="button">
					<!-- <a href="#" class="link close">发送</a>
					<a href="#" class="link close">删除所有</a>
					<a href="#" class="link close">删除</a>  -->
					<button class = "link close" >发送</button>
					<button class="link2" id="delAll">删除所有</button>
					<button class="link2" id="delOne">删除</button>
				
					<!-- <a href="#"  class="link2" id="selectFile">选择文件</a> 
					<a href="#" class="link close">发送</a> -->
				</div>
			</div>
		</div>
	</div>

		<!--添加临时讨论题-->
	<div class="discussPop">
		<div class="cen">
			<h2 class="title">
				<i>添加临时讨论题</i><span class="close"></span>
			</h2>
			<div class="content">
				<ul class="discussText">
					<li>
						<p>讨论题目：</p> <textarea name="" rows="2" id="question_text"
							placeholder="请在此输入研讨题（最多可输入250个字符）"></textarea>
					</li>
					<li>
						<p>适用范围：</p> <textarea name="" rows="1" id="question_range"
							placeholder="请在此输入研讨题适用范围（最多可输入100个字符）"></textarea>
					</li>
					<li>
						<p>讨论题答案：</p> <textarea name="" rows="5" id="question_answer"
							placeholder="请在此输入研讨题答案（最多可输入2000个字符）"></textarea>
					</li>
				</ul>
			</div>
			<div class="btn_wrap">
				<div class="button">
					<a href="#" class="link2" id="question_save">提交</a> <a href="#" class="link close">取消</a>
				</div>
			</div>
		</div>
	</div>

	<!--发布操作-->
	<div class="fabuPop">
		<div class="cen">
			<h2 class="title">
				<i>选择用户并发布研讨题目</i><span class="close"></span>
			</h2>
			<div class="content">
				<div class="left">
					<ul class="shijian">
						<li>
							<p>
								适用范围：<span>LS</span>
							</p> <input type="text" name="" readonly="readonly" id="q_questionRange" value="" />
						</li>
						<li>
							<p>出题人：</p> <input type="text" readonly="readonly" name="" id="q_ownerSuId" value="" />
						</li>
						<li>
							<p>讨论题：</p> <textarea name="" readonly="readonly" rows="" cols="" id="q_questionText"
								placeholder="" class="hei50"></textarea>
						</li>
						<li>
							<p>参考结果：</p> <textarea name="" readonly="readonly" rows="" cols="" id="q_questionAnswer"
								placeholder=""></textarea>
						</li>
					</ul>
				</div>
				<div class="right">
					<ul class="sender">
						<li>
							<p>选择工作组：</p>
							<div class="selectUser">
								<ul class="box"  id="userList_q" style="width:90%;height:90%;overflow:auto;">
									<div class="boxTitle">请选择用户</div>
									<!-- <li class="current"><span>总经理</span>
										<ul>
											<li><a href="javascript:;">小王</a></li>
											<li><a href="javascript:;">张强</a></li>
											<li><a href="javascript:;">赵丽</a></li>
										</ul></li>
									<li><span>运检部</span>
										<ul>
											<li><a href="javascript:;">王二麻子</a></li>
											<li><a href="javascript:;">赵四</a></li>
											<li><a href="javascript:;">刘能</a></li>
										</ul></li>
									<li><span>国调中心</span>
										<ul>
											<li><a href="javascript:;">美女</a></li>
											<li><a href="javascript:;">帅哥</a></li>
											<li><a href="javascript:;">明星</a></li>
										</ul></li>  -->
								</ul>
							</div>

						</li>
					</ul>
				</div>
			</div>
			<div class="btn_wrap">
				<div class="button">
					<a href="#" class="link2" id="send_q">发送</a> <a href="#" class="link close">关闭</a>
				</div>
			</div>
		</div>
	</div>
	<div class="pop01">
			<div class="cen">
				<h2 class="title"><i>提示</i><span class="close"></span></h2>
				<div class="content">
					<p id="message1"></p>
				</div>
				<div class="btn_wrap">
					<div class="button" id="messages_btn">
						<a href="#" class="link2" onclick="messages.send()">是</a>
						<a href="#" class="link close">否</a>
					</div>
					<div class="button" id="events_btn">
						<a href="#" class="link2" onclick="events.endEvent()">是</a>
						<a href="#" class="link close">否</a>
					</div>
				</div>
			</div>
		</div>	

		<div class="pop02">
			<div class="cen">
				<h2 class="title"><i>提示</i></h2>
				<div class="content">
					<p id="message2"></p>
				</div>
				<div class="btn_wrap">
					<div class="button">
						<a href="#" class="link2 close">确定</a>
					</div>
				</div>
			</div>
		</div>	

	<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="js/my_js.js"></script>
	<script type="text/javascript" src="js/events.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" src="js/leaveclassroom.js"></script>
	<script type="text/javascript" src="js/lookup.js"></script>
	<script type="text/javascript" src="js/upload.js"></script>
	<script type="text/javascript" src="js/websocket_teacher.js"></script>
	<script type="text/javascript">
	
	
			$(function(){
				$("#pop01").click(function() {
					$(".pop01").show();
					$("body").addClass("overHiden");
				});
				$(".pop01 .close").click(function() {
					$(".pop01").hide();
					$("body").removeClass("overHiden");
				});
				
				$("#pop02").click(function() {
					$(".pop02").show();
					$("body").addClass("overHiden");
				});
				$(".pop02 .close").click(function() {
					$(".pop02").hide();
					$("body").removeClass("overHiden");
				});
				$("messages_btn").hide();
				$("events_btn").hide();
			});
		</script>
		 
		

</body>

</html>